import {useStore} from "../store/catStore.ts";

const CatBox = () => {
    const {cats, increaseBigCats, increaseSmallCats,summary} = useStore();
    console.log(summary())
    return (
        <div className={'box'}>
            <h1>Cats Box</h1>
            <p>big cats:{cats.bigCats}</p>
            <p>small cats:{cats.smallCats}</p>
            <p>{Math.random()}</p>
            <div>
                <button onClick={increaseBigCats}>add big cat</button>
                <button onClick={increaseSmallCats}>add small cat</button>
            </div>
        </div>
    );
};

export default CatBox;